<template>
  <div class="center-content">
  请选择身份类型
    <div>
     <el-card class="card-with-buttons">
        <el-button type="primary" style="background-color: green; color: #fff;">
          <router-link to="/user/buy" class="no-style-link">用户</router-link>
        </el-button>
        <el-button type="primary" style="background-color: green; color: #fff;">
          <router-link to="/login" class="no-style-link">管理员</router-link>
        </el-button>
      </el-card>
    </div>
  </div>
</template>

<style>

.card-with-buttons {
  width: 300px;
  margin: 0 auto;
  text-align: center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); /* 添加阴影 */
  border-radius: 10px; /* 添加圆角 */
}

.center-content {
  display: flex;
  flex-direction: column;
  align-items: center; /* 水平居中 */
  justify-content: center; /* 垂直居中 */
  text-align: center; /* 让文本也居中 */
  height: 100vh; /* 占据整个视口高度 */
  width: 100%; /* 占据整个视口宽度 */
  margin: 0; /* 移除默认边距 */
  background-image: url('../../image/1.jpeg'); /* 添加背景图片 */
  background-size: cover; /* 覆盖整个背景 */
  background-position: center; /* 居中显示 */
  backdrop-filter: blur(1500px); /* 模糊背景图片 */
  -webkit-backdrop-filter: blur(5px); /* 兼容 Safari */
}

.no-style-link {
  text-decoration: none; /* 去掉下划线 */
  color: inherit; /* 继承父元素的颜色，通常是黑色或默认文本颜色 */
}
</style>
<script>

</script>
